body{
			   margin:0px;
			   padding: 0px;
			   background-color: #f9f8f2;
			   max-width: 2500px;
			   margin: 0px auto;
			}
			/*滚动条隐藏*/
			.demo::-webkit-scrollbar {
			  display: none; /* Chrome Safari */
		}
			
		.viedodiv{
			background-color: #000000;
			opacity: 0.9;
			z-index: 98;
			position: relative;
		}
		.viedodiv>img:first-of-type{
			position: relative;
			top: 0px;
			width:100%;
			z-index: -100;
			filter: opacity(50%) brightness(100%);
		}
		/*大字体*/
		.spaceHeader{
			position: absolute;
			top: 45%;
			left: 17%;
			display: none;
			margin-left: 20px;
		}
			/*大字体*/
		.spaceHeader h1{
			font-size: 10em;
			color: white;
			letter-spacing:50px;
		}
		.back{
			position: fixed;
			transform: rotate(90deg);
		/* 	top: 100px;
			left: 30px; */
			top: 20%;
			left: 5%;
			display: inline-flex;
			transition: all 1s ease;
		}
		.downImg{
			position: absolute;
			left: 50%;
			top: 90%;
			animation: upDown 1s infinite alternate;
		}
		@keyframes upDown{
			from{top: 90%}
			to{top: 95%}
		}
			.myInfo{
				/* background-color: #ADADAD; */
				padding-top: 20px;
			}
			.myInfo>div{
				/* height: 400px; */
				/* margin-left: 40px; */
				display: inline-block;
			}
	
			.caption h3{
				margin-top: 10px;
				font-family:"宋体","微软雅黑";
				font-weight: 900;
				font-size: 20px;
				letter-spacing:5px;
			}
			.caption p em{
				font-size: 10px;
				letter-spacing:5px;/*字间距*/
			}
			.container{
				opacity: 0;
				position: relative;
				top:100px;
				transition: all 2s ease;
			}
		@media (max-width:970px){
				.container{
				/* 	opacity: 1;
					top:0px; */
					animation: showconten 1s ease-in forwards;
				}
				@-webkit-keyframes showconten{
					from{opacity: 0;top:100px;}
					to{opacity: 1;top:0px;}
				}
				.caption h3{
					font-size: 0.5em;
					letter-spacing:0px;
				}
				.caption p{
					line-height: 13px;
					font-size: 0.2em;
				}
				
		}
		@media (max-width:1024px){
			.spaceHeader h1{
				font-size: 4em;
			}
			.container{
			/* 	opacity: 1;
				top:0px; */
				animation: showconten 1s ease-in forwards;
			}
			@-webkit-keyframes showconten{
				from{opacity: 0;top:100px;}
				to{opacity: 1;top:0px;}
			}
		}
		@media (max-width:1350px){
			.spaceHeader h1{
				font-size: 5em;
			}
		}
		@media (min-width:2000px){
			.spaceHeader{
				top: 30%;
				left: 30%;
			}
		}
		/*修改bootstrap的css文件 模态框*/
		/* .modal-backdrop{
			background-color: orange;
		
		}
		.modal-backdrop.in{
			opacity: 0.8;
			
		} */
		.mengbang{
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background-color: orange;
			opacity: 0.8;
			z-index: 98;
		
			display: none;
		}
		.mengbang ul{
			/*垂直居中操作*/
			position: relative;
		 	top: 30%;
			transform: translateY(-30%);
		}
	
		.mengbang a{
			color: white;
			font-size: 25px;
			text-decoration: none;
			position: relative;left: 0px;
			transition: all 0.6s ease;
		}
		.mengbang ul li hr{
			width: 100px;
			border: none;
			background: linear-gradient(to right,rgba(255,255,255,0) 0%,white 55%,white 100%);
			height: 1px;
			margin-top: 0px;
			transform: translateX(-40px);
			transition: all 0.6s ease;
		}
		.mengbang ul li a:hover+hr{
			/* width: 100px; */
			transform: translateX(10px);
		}
		.mengbang ul li a:hover{
			left: -8px;
			
		}
		.menu{
			width: 80px;
			height: 60px;
			background-color: #EA9C00;
			border: 1px solid white;
			position: fixed;
			top: 100px;
			right: 0px;
			z-index: 99;
			opacity: 0.5;
		}
		.menu:hover{
			opacity: 1;
		}
		.menu div{
			width: 30px;
			position: absolute;
			background-color: white;
			left: 25px;
			transition: all 0.6s ease;
		}
		.menu>div:first-of-type{
			height: 1px;
			top: 20px;
			
		}
		.menu>div:nth-of-type(2){
			height: 2px;
			top: 30px;
		}
		.menu>div:nth-of-type(3){
			height: 1px;
			top: 40px;
			
		}
		/*底部*/
		.bs-docs-footer{
			background-color: black;
			box-shadow:0px -10px 1px #28A4C9 ; 
			text-align: center;
			margin-top: 20px;
			color: white;
			font-size: 12px;
			padding-top: 10px;
			
		}
		.describe h4{
			width: 200px;
			padding-bottom: 10px;
			border-bottom: 1px solid #CCCCCC;
			position: relative;
			/* overflow: hidden; */
		}
		.describe h4 span{
			color: red;
			/* transform:scale(1.5); */
			/* transition: all 1s ease; */
		}
		.describe h4 i{
			transform: rotate(-25deg);
			position: absolute;
			font-size: 40px;
			font-weight: 200;
			opacity: 0;
			top: -50px;
			left: 200px;
		/* 	top: -14px;
			left: 66px; */
			z-index: -1;
			/* transition: all 1s ease; */
		}
		.describe h4:hover span{
			animation: xin 1s forwards;
		}
		.describe h4:hover i{
			animation: arrow 2s forwards;
			
		}
		.describe p{
			line-height: 20px;
			letter-spacing:5px;
			overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
			text-overflow:ellipsis;    
		}
		@-webkit-keyframes arrow{
			from{top: -50px; left: 200px;opacity: 0}
			to{top: -14px; left: 66px;opacity: 1}
		}
		@-webkit-keyframes xin{
			from{transform:scale(0)}
			to{	transform:scale(1.5)}
		}
		/*添加*/
		.thumbnail{
			overflow: hidden;
		}
		.thumbnail>img{
			transition: all 2s ease;
			cursor: pointer;
		}
		.thumbnail:hover>img:first-of-type{
			border-radius: 50%;
			transform: rotate(360deg);
		}